.outbg{
	position:absolute;
	width: 70%;
	height: 56%;
	margin: 8% 15% 0 15%;
	background: rgba(255,255,255,0.2);
	border-radius:10px ;
	z-index: 1;
	padding: 1%;
}
.inbg{
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	border-radius:10px ;
	z-index: 1;
}
.ulimg{
	
}
.ulimg>li{
	padding: 1.5% 2%;
	width: 8.5%;
	/*height:15% ;*/
	text-align: center;
	float: left;
}
.ulimg>li>img{
	width: 100%;
	/*height: 80%;*/
	border-radius:50% ;
}
.ulimg>li>span{
	display: inline-block;
	/*margin-top: 2%;*/
	font-weight: 700;
	font-size: 10px;
}
#container{
				position: absolute;
				top: 30%;
				left: 15%;
				width: 70%;
				height: 60%;
			}
			#menu {
				position: absolute;
				bottom: 20px;
				width: 100%;
				text-align: center;
				display: none;
			}

			.element {
				width: 80px;/* 120 160 */
				height: 80px;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			}

			.element:hover {
				box-shadow: 0px 0px 12px rgba(0,255,255,0.75);
				border: 1px solid rgba(127,255,255,0.75);
			}
				.element img{
					width:80px;
					height:80px;
				}

				.element .number {
					position: absolute;
					/*top: 20px;
					right: 20px;*/
					font-size: 12px;
					color: rgba(127,255,255,0.75);
				}

				.element .symbol {
					position: absolute;
					top: 40px;
					left: 0px;
					right: 0px;
					font-size: 60px;
					font-weight: bold;
					color: rgba(255,255,255,0.75);
					text-shadow: 0 0 10px rgba(0,255,255,0.95);
				}

				.element .details {
					position: absolute;
					bottom: 15px;
					left: 0px;
					right: 0px;
					font-size: 12px;
					color: rgba(127,255,255,0.75);
				}
			.show_info{
				position:absolute;
				background-color:rgba(0,0,0,.6);
				padding:10px;
				width:300px;
				margin:0 auto;
				left: 1%;
				right:0;
				border-radius: 5px;
				box-shadow: 0 0 10px 0 #fff;
				top:50%;
				/*left: -50%;*/
				}
			.show_info img{display:block;margin:auto;border-radius: 5px;box-shadow: 0 0 10px 0 #888;}
			.show_info .intro{color:#fff;text-indent:20px;margin-top:10px;height:65px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
			.show_info .info_my{text-align: center;}
			.show_info .info_my > *{display:inline-block !important;vertical-align: middle;}
			.show_info .info_my .info_mem{color:#fff;max-width:120px;}
			.show_info .info_my .info_mem > div{text-align: left;}
			.show_info .info_my .info_mem > div.nickname{max-width: 120px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}